<template>
    <!-- 组件的结构 -->
    <div class="demo">
        <h4>学校名称:{{schoolName}}</h4>
        <h4>学校地址:{{addr}}</h4>
        <button @click="showName">点击提示学校名</button>
    </div>
</template>

<script>
    // 组件交付相关的数据，方法等
    export default {
        name : 'School',
        data(){
            return {
                schoolName:'浙大',
                addr:'浙江杭州',
            }
        },
        methods: {
            showName() {
                alert(this.schoolName)
            },
        },
    };

    // export {school}
    // export default school

</script>

<style>
    
    .demo{
        background-color: orange;
    }
</style>